
<!DOCTYPE html>
<html>
<head>
  <title>全栈开发博客</title>
  <link href="./css/style.css" rel="stylesheet" type="text/css" media="all"/>
  <link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>

  <!-- js -->
  <script src="./js/jquery.min.js"></script>
  <!-- //js -->
  <!-- for-mobile-apps -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <script type="application/x-javascript"> addEventListener("load", function () {
      setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
      window.scrollTo(0, 1);
    } </script>
  <!-- //for-mobile-apps -->
  <!-- start-smoth-scrolling -->
  <script type="text/javascript" src="./js/move-top.js"></script>
  <script type="text/javascript" src="./js/easing.js"></script>
  <script type="text/javascript">
    jQuery(document).ready(function ($) {
      $(".scroll").click(function (event) {
        event.preventDefault();
        $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
      });
    });
  </script>
  <!-- start-smoth-scrolling -->
</head>

<body>
<!-- header -->
<div class="header" style="min-height: 200px">
  <div class="container">
    <div class="header-info">
      <div class="logo">
        <a href="/posts"><img src="./images/logo.png" alt=" "/></a>
      </div>
      <div class="logo-right">
        <span class="menu"><img src="./images/menu.png" alt=" "/></span>
        <ul class="nav1">
          
          <li><a href="/login">登录</a></li>
          <li><a href="/register">注册</a></li>
          
        </ul>
      </div>
      <div class="clearfix"></div>
      <script>
        $("span.menu").click(function () {
          $("ul.nav1").slideToggle(300, function () {
          });
        });
      </script>
    </div>
  </div>
</div>

<div class="content" style="min-height: auto">
  <div class="container">
    <div class="contact">
      <div class="contact-left1">
        <h3>
          <span>登录</span>
          

          
        </h3>
        <div class="in-left">



          
          <form action="/login" method="post" class="login-form">
                
                    <div class="txtb">
                        <input type="text" name="username" placeholder="用户名" id="user"/>
                    </div>
                
                
                    <div class="txtb">
                        <input type="password" name="password" placeholder="用户名" id="pwd" />
                    </div>
                
                
                    <input type="submit" style="margin-top:20px" value="登录">
            
        </form>
        </div>

        <div class="clearfix"></div>

      </div>

      <div class="clearfix"></div>
    </div>
    <hr>
    <div class="footer">
      <div class="container">
        <div class="footer-grids">
          <div class="footer-grid">
            <h3>博客生活</h3>
        <p>道路虽然拥挤,却是寂寞的,因为它没有品尝到爱。
          小草在大地寻找群聚,树木向天空寻找孤寂。
          尽管走下去,不必逗留着去采着花儿来保存,因为一路上花朵自会开放。
          小草呀,你的足步虽小,但是你拥有足下的土地。</p>
          </div>
          <div class="footer-grid">
            <h3>服务中心</h3>
            <ul>
              <li class="cap1"><a href="#" target="_blank">课程</a></li>
              <li><a href="#" target="_blank">读书</a></li>
              <li><a href="#" target="_blank">社区</a></li>
            </ul>
          </div>
          <div class="footer-grid">
            <h3>交流合作</h3>
            <ul>
              <li><a href="#">人才招聘</a></li>
              <li><a href="#">意见反馈</a></li>
              <li><a href="#">版权声明</a></li>
              <li><a href="#">服务条款</a></li>
            </ul>
          </div>
          <div class="clearfix"></div>
        </div>
      </div>
    </div>
  </div>
</div>



<script type="text/javascript">
  $(document).ready(function () {
    $().UItoTop({easingType: 'easeOutQuart'});
  });
</script>
</body>
</html>
